<template>
	<view class="">
		<navigator class="gl-pl-item" v-for="(item,index) in goods" :key="item.goods_id"
			:url="'/pages/goods_detail/goods_detail?goods_id='+item.goods_id">
			<view class="item-left">
				<image :src="item.goods_small_logo"></image>
				
			</view>
			<view class="item-right">
				<view class="item-right-top">
					{{item.goods_name}}
				</view>
				<view class="item-right-bottom">
					￥{{ item.goods_price}}
				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		name: "GoodList",
		props:{
			goods:{
				type:Array,
				value:[]
			}
		},
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
			.gl-pl-item {
				height: 200rpx;
				display: flex;

				.item-left {
					flex: 1;
					display: flex;
					align-items: center;
					justify-content: center;

					image {
						height: 190rpx;
						width: 190rpx;
					}
				}

				.item-right {
					flex: 2;
					font-size: 24rpx;
					display: flex;
					flex-direction: column;
					justify-content: space-around;

					.item-right-top {
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}

					.item-right-bottom {
						color: #eb4450;
					}
				}
			}
</style>